<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<%@ include file="include/Imports.jsp"%>
<title>APAC Resource Tracker</title>

<script type="text/javascript">
	function onInvokeAction(id) {
		setExportToLimit(id, '');
		createHiddenInputFieldsForLimitAndSubmit(id);
	}
	function onInvokeExportAction(id) {
		var parameterString = createParameterStringForLimit(id);
		location.href = '${assets_url}?'
				+ parameterString;
	}
</script>

</head>

<body>

	<div id="main">

		<!-- Tray -->
		<%@ include file="include/Tray.jsp"%>


		<hr class="noscreen" />

		<!-- Menu -->
		<%@ include file="include/Menu.jsp"%>


		<hr class="noscreen" />

		<!-- Columns -->
		<div id="cols" class="box">

			<!-- Aside (Left Column) -->
			<%@ include file="include/Aside.jsp"%>


			<hr class="noscreen" />

			<!-- Content (Right Column) -->
			<div id="content" class="box">
				<%@ include file="include/Notification.jsp"%>
				<h1>Asset Monitoring</h1>

				<h5>This is a system that will cater to the needs of APAC Sales
					Department of 77 Global Services.</h5>

				<div class="tabs box">
					<ul>
						<li><a href="#ViewDeployedAssetsTab"><span>View Deployed Assets</span></a></li>
						<li><a href="#ViewForRepairAssetsTab"><span>View For Repair Assets</span></a></li>
						<li><a href="#ViewOnStockAssetsTab"><span>View On Stock Assets</span></a></li>
						<li><a href="#NewAssetTab"><span>New Asset</span></a></li>
					</ul>
				</div>
				<!-- /tabs -->

				<div id="ViewDeployedAssetsTab">

					<form action="${assets_url }">${deployed}
					</form>

				</div>

				<div id="ViewForRepairAssetsTab">

					<form action="${assets_url }">${repair}
					</form>

				</div>

				<div id="ViewOnStockAssetsTab">

					<form action="${assets_url }">${stock}
					</form>

				</div>

		
				<div id="NewAssetTab">

					<form>
						<table>
							<tr>
								<td><b>No.</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Laptop Tag</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Adaptor Tag</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Serial Number</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Description</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Assignee</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Project</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Issue Date</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Return</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Status</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Remarks</b></td>
								<td><input type="text" value="" /></td>
							</tr>
						</table>
						<input type="submit" value="Submit"></input>
					</form>

				</div>
				<!-- /tab02 -->

			</div>
			<!-- /content -->

		</div>
		<!-- /cols -->

		<hr class="noscreen" />

		<!-- Footer -->
		<%@ include file="include/Footer.jsp"%>

	</div>
	<!-- /main -->

</body>
</html>